<section class="cat-box wide-box">
<div class="cat-box-title">
<h2><a href="#">Tin tức</a></h2>
<div class="stripe-line"></div>
</div> 
<div class="cat-box-content">
    <ul>
        <li class="first-news">
            <div class="inner-content">
                <div class="post-thumbnail">
                    <a href="#5" title="<?php echo $new_home['title']?>" rel="bookmark">
                        <img width="290" height="195" src="<?php echo STATIC_DOMAIN ?>uploads/post/<?php echo $new_home['image_video']?>" class="attachment-290x195" alt="<?php echo $new_home['title']?>" title="<?php echo $new_home['title']?>"/> <span class="overlay-icon"></span>
                    </a>
                </div> 
                <h2 class="post-box-title"><a href="#5" title="<?php echo $new_home['title']?>" rel="bookmark"><?php echo $new_home['title']?></a></h2>
                <p class="post-meta">
                    <span><?php echo $new_home['time']?></span>  
                </p>
                <div class="entry"><?php echo $new_home['sapo']?></div>
            </div>
        </li> 
        <?php 
            for($i=1;$i<count($post5);$i++)
            {
                ?>
                    <li>
                        <div class="post-thumbnail">
                            <a href="#" title="#" rel="bookmark">
                                <img width="55" height="55" src="<?php echo STATIC_DOMAIN ?>uploads/post/<?php echo $post5[$i]['image_video']?>"  class="attachment-55x55" alt="<?php echo $post5[$i]['title']?>" title="<?php echo $post5[$i]['title']?>"/>
                            </a>
                        </div> 
                        <h3 class="post-box-title"><a href="#" title="<?php echo $post5[$i]['title']?>" rel="bookmark"><?php echo $post5[$i]['title']?></a></h3>
                        <p class="post-meta">
                            <span><?php echo $post5[$i]['time']?></span> 
                        </p>
                    </li>   
                <?php
            }
        ?>
        
    </ul>
    <div class="clear"></div>
</div> 
</section> 
<section class="cat-box recent-box">
<div class="cat-box-title">
    <h2>Học qua video</h2>
    <div class="stripe-line"></div>
</div> 
<div class="cat-box-content">
<?php
    foreach($videos as $video)
    {
        ?>
            <div class="recent-item">
                <div class="post-thumbnail">
                    <a href="#" title="" rel="bookmark">
                        <img width="272" height="125" src="<?php echo STATIC_DOMAIN ?>uploads/videos/<?php echo $video['image_video']?>" class="attachment-272x125" alt="<?php echo $video['title']?>" title="<?php echo $video['title']?>"/> <span class="overlay-icon"></span>
                    </a>
                </div> 
                <h3 class="post-box-title"><a href="#" title="" rel="bookmark"><?php echo $video['title']?></a></h3>
                 <p class="post-meta">
                    <span><?php echo word_limiter($video['sapo'], 10);?></span> 
                 </p>
            </div>
        <?php
    }
?>
<div class="clear"></div>
</div> 
</section>
<div class="clear"></div>
<section class="cat-box column2 ">
<div class="cat-box-title">
<h2><a href="#">Học online</a></h2>
<div class="stripe-line"></div>
</div> 
<div class="cat-box-content">
<ul>
<li class="first-news">
<div class="inner-content">
<div class="post-thumbnail">
<a href="#8" title="Permalink to Post With Featured Image" rel="bookmark">
<img width="272" height="125" src="images/2.jpg" class="attachment-272x125" alt="Post With Featured Image" title="Post With Featured Image"/> <span class="overlay-icon"></span>
</a>
</div> 
<h2 class="post-box-title"><a href="#8" title="#" rel="bookmark">Dịch Anh-Việt: Bài số 60</a></h2>
<p class="post-meta">
 <a href="#comments" title="Comment on Post With Featured Image">25 Bình luận</a> </p>
<div class="entry">
iam 1989 wisi quam lorem vestibulum nec nibh, sollicitudin volutpat at libero litora, non adipiscing. ... <a class="more-link" href="">Read More &raquo;</a>
</div>
</div>
</li> 
<li>
<div class="post-thumbnail">
<a href="#" title="Permalink to Post with SoundCloud" rel="bookmark"><img width="55" height="55" src="images/1b.jpg" class="attachment-55x55" alt="Post with SoundCloud" title="Post with SoundCloud"/></a>
</div> 
<h3 class="post-box-title"><a href="" title="Permalink to Post with SoundCloud" rel="bookmark">Dịch Anh-Việt: Bài số 59</a></h3>
<p class="post-meta">
<span>05/09/2013</span> <a href="#comments" title="Comment on Post with SoundCloud">1 Bình luận</a> </p>
</li>
<li>
<div class="post-thumbnail">
<a href="" title="Permalink to Post with Image + Lightbox" rel="bookmark"><img width="55" height="55" src="images/1b.jpg" class="attachment-55x55" alt="Post with Image + Lightbox" title="Post with Image + Lightbox"/></a>
</div> 
<h3 class="post-box-title"><a href="" title="Permalink to Post with Image + Lightbox" rel="bookmark">Dịch Anh-Việt: Bài số 58</a></h3>
<p class="post-meta">
<span>05/09/2013</span> <a href="#comments" title="Comment on Post with Image + Lightbox">3 Bình luận</a> </p>
</li>
<li>
<div class="post-thumbnail">
<a href="#" title="Permalink to Post With Vedio" rel="bookmark"><img width="55" height="55" src="images/1b.jpg" class="attachment-55x55" alt="Post With Vedio" title="Post With Vedio"/></a>
</div> 
<h3 class="post-box-title"><a href="#" title="Permalink to Post With Vedio" rel="bookmark">Dịch Anh-Việt: Bài số 57</a></h3>
<p class="post-meta">
<span>05/09/2013</span> <a href="##comments" title="Comment on Post With Vedio">2 Bình luận</a> </p>
</li>
<li>
<div class="post-thumbnail">
<a href="#" title="Permalink to Maecenas mattis, tortor ut posuere aliquam" rel="bookmark"><img width="55" height="55" src="images/1b.jpg" class="attachment-55x55" alt="Maecenas mattis, tortor ut posuere aliquam" title="Maecenas mattis, tortor ut posuere aliquam"/></a>
</div> 
<h3 class="post-box-title"><a href="#" title="Permalink to Maecenas mattis, tortor ut posuere aliquam" rel="bookmark">Dịch Anh-Việt: Bài số 56</a></h3>
<p class="post-meta">
<span>05/09/2013</span> <a href="##respond" title="Comment on Maecenas mattis, tortor ut posuere aliquam">1 Bình luận</a> </p>
</li>
</ul>
</div> 
</section>  
<section class="cat-box column2 last-column">
<div class="cat-box-title">
<h2><a href="#">Luyện nghe</a></h2>
<div class="stripe-line"></div>
</div> 
<div class="cat-box-content">
<ul>
<li class="first-news">
<div class="inner-content">
<div class="post-thumbnail">
<a href="" title="Permalink to Post with Google Map" rel="bookmark">
<img width="272" height="125" src="images/2.jpg" class="attachment-272x125" alt="Post with Google Map" title="Post with Google Map"/> <span class="overlay-icon"></span>
</a>
</div> 
<h2 class="post-box-title"><a href="" title="Luyện nghe VOA- Bài số 25" rel="bookmark">Luyện nghe VOA- Bài số 25</a></h2>
<p class="post-meta">
<span>05/09/2013</span> <a href="#comments" title="#">8 Bình luận</a> </p>
<div class="entry">
iam wisi quam lorem vestibulum nec nibh, sollicitudin volutpat at libero litora, non adipiscing. Nulla ... <a class="more-link" href="#">Đọc tiếp &raquo;</a>
</div>
</div>
</li> 
<li>
<div class="post-thumbnail">
<a href="#" title="Permalink to Post with Self Hosted Audio" rel="bookmark"><img width="55" height="55" src="images/1b.jpg" class="attachment-55x55" alt="Post with Self Hosted Audio" title="Post with Self Hosted Audio"/></a>
</div> 
<h3 class="post-box-title"><a href="#" title="Permalink to Post with Self Hosted Audio" rel="bookmark">Luyện nghe VOA- Bài số 24</a></h3>
<p class="post-meta">
<span>04/09/2013</span> <a href="##respond" title="Comment on Post with Self Hosted Audio">1 Bình luận</a> </p>
</li>
<li>
<div class="post-thumbnail">
<a href="#" title="Permalink to Post With Vedio" rel="bookmark"><img width="55" height="55" src="images/1b.jpg" class="attachment-55x55" alt="Post With Vedio" title="Post With Vedio"/></a>
</div> 
<h3 class="post-box-title"><a href="#" title="Permalink to Post With Vedio" rel="bookmark">Luyện nghe VOA- Bài số 23</a></h3>
<p class="post-meta">
<span>03/09/2013</span> <a href="#comments" title="Comment on Post With Vedio">2 Bình luận</a> </p>
</li>
<li>
<div class="post-thumbnail">
<a href="#" title="Permalink to Maecenas mattis, tortor ut posuere aliquam" rel="bookmark"><img width="55" height="55" src="images/1b.jpg" class="attachment-55x55" alt="Maecenas mattis, tortor ut posuere aliquam" title="Maecenas mattis, tortor ut posuere aliquam"/></a>
</div> 
<h3 class="post-box-title"><a href="#" title="Permalink to Maecenas mattis, tortor ut posuere aliquam" rel="bookmark">Luyện nghe VOA- Bài số 22</a></h3>
<p class="post-meta">
<span>02/09/2013</span> <a href="#respond" title="Comment on Maecenas mattis, tortor ut posuere aliquam">0 Bình luận</a> </p>
</li>
<li>
<div class="post-thumbnail">
<a href="#" title="Permalink to Consectetur adipisicing elit" rel="bookmark"><img width="55" height="55" src="images/1b.jpg" class="attachment-55x55" alt="Consectetur adipisicing elit" title="Consectetur adipisicing elit"/></a>
</div> 
<h3 class="post-box-title"><a href="#" title="Permalink to Consectetur adipisicing elit" rel="bookmark">Luyện nghe VOA- Bài số 21</a></h3>
<p class="post-meta">
<span>01/09/2013</span> <a href="##comments" title="Comment on Consectetur adipisicing elit">4 Bình luận</a> </p>
</li>
</ul>
</div> 
</section>  
 